﻿/*************************************************************************************************/
/**  **/
/*************************************************************************************************/
/** CSS Creator: Abner Souza - www.abnersouza.com.br *********************************************/
/** CSS Referente a: Todas as Páginas ************************************************************/
/*************************************************************************************************/

/** RESET CSS **/
/** http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }

/** DEFINIÇÕES INICIAIS **/
html,body,form          { height:100%; font-family: Arial, Sans-Serif, Verdana; color: #89796A; font-size: 10px;  background: #FFFDF1 url('Images/bg_DuetEventos.png') repeat center }
body				    { font-family: Arial, Sans-Serif, Verdana; font-size: 10px; }
h1                      { font-size: 1.8em; color: #89796A }
h2                      { font-size: 1.6em; color: #89796A }
h3                      { font-size: 1.5em; color: #89796A }
h4                      { font-size: 1.4em; color: #89796A }
label                   { font-size: 1.3em; color: #7F9D7B }
span                    { font-size: 1.3em; color: #89796A }
a					    { font-size: 1.3em; color: #89796A; text-decoration: underline }
p                       { font-size: 1.3em; color: #89796A; text-align: justify }
strong, b               { font-weight: bold }
div                     { width: auto }

#container              { width: 100%; margin: 0 auto; padding:0; border:0; min-height: 100%; position: relative; *height:100% }
#content                { width: 940px; padding: 70px 20px 20px; margin: 0 auto; position: relative; display: table; overflow: hidden; background-color: #fff; height: auto; top: -50px; z-index: 0 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #CECECE 0px 2px 3px; -moz-box-shadow: #CECECE 0px 2px 3px; box-shadow: #CECECE 0px 2px 3px; behavior: url(/Util/Css/Duet.htc) }

/** DEFINIÇÕES HEADER **/
#contheader           { width: 100%; height: 210px; background-color: #7f9d7b; position: relative; z-index: 9999 !important;  }
#header               { width: 980px; height: 210px; position: relative; margin: 0 auto }
#gradient             { width: 553px; height: 110px; position: absolute; top: 0; right: 5px; background: url('Images/gradient.png') no-repeat; z-index: 10 }
#logo                 { width: 283px; height: 200px; position: relative; display: block; z-index: 9999 !important; margin: 0 auto; top: 5px }

/** DEFINIÇÕES MENU **/
#menu                 { width: 570px; height: 26px; position: relative; margin: 0 auto; top: -5px; display: table; z-index: 999 !important }
#menu a               { width: auto; height: auto; color: #fff; background-color: #C6BFB7; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; padding: 10px 15px 6px; margin: 0 2px 0 5px; display: block; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #DBDBDB 0px 2px 3px; -moz-box-shadow: #DBDBDB 0px 2px 3px; box-shadow: #DBDBDB 0px 2px 3px;behavior: url(/Util/Css/Duet.htc) } 
#menu a:hover         { color: #ffffff; background-color: #7f9d7b }

/** DEFINIÇÕES FORMULARIO **/
.form                               { margin: 0 }
.form span                          { display: inline-block }
.form label                         { width: auto; display: block; clear: both !important }
.form .contform                     { width: auto; height: auto; *height: 65px; display: table; margin-bottom: 10px }
.form .contform[textmode="multiL"]  { *height: 80px }
.form .contform div                 { width: 940px; height: auto; padding: 4px 11px 4px 9px; margin-right: 5px; background-color: #EAE7E3; border: 1px dashed #D3CEC9; float: left }
.form .contform div[tam="pp"]   { width: 20px }
.form .contform div[tam="p"]    { width: 110px }
.form .contform div[tam="m"]    { width: 240px }
.form .contform div[tam="g"]    { width: 354px }
.form .contform div[tam="gg"]   { width: 708px }
.form .contform div[alinha="linha"] { float: left }
.form .contform a                   { font-size: 13px; color: #1C3664; font-weight: bold; position: relative; top: 17px; clear: both }
.form .contform a:hover             { text-decoration: underline }
.form .contform img                 { float: left !important; margin: 4px 5px 0 0; cursor: help }
.form .contform span                { position: relative; top: 13px; font-size: 1.3em }
.form .contform p                   { width: auto; height: auto; padding: 0; margin: 0; clear: both; color: #89796A }
.form .contform label               { font-size: 1.3em; font-weight: bold; margin: 0 0 5px; padding: 0 }
.form .contform span.alerta         { color: red !important; font-size: 10px !important; padding: 0; margin: 0; clear: both; top: 10px; font-weight: bold; *margin: -5px 0 0 0; left: 0px; }
.form .contform .radio,
.form .contform .ckbox              { width: auto !important; height: auto !important; margin: 0; padding: 0 !important; background: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none  }
.form .contform .radio label,
.form .contform .ckbox label        { width: auto !important; display: inline !important; margin: 0 10px 0 0 !important; padding: 0 !important; position: relative; top: -1px }
.form input[type=text],
.form input[type=password],
.form select, .form textarea        { width: 99.8%;  border: none; *border: 1px solid #E0DDD9; color: #C6BFB7; background: none !important; resize: none; font-family: Arial, Sans-Serif, Verdana; color: #89796A; font-size: 1.3em }
.form input[type=submit]            { margin-left: 10px }
.linha                              { width: 100%; height: 3px; margin: 5px 0 5px 0; background-color: #808080; opacity:0.10; -moz-opacity: 0.10; filter: alpha(opacity=10); clear: both }

#cont h1                            { color: #63845E; padding: 0 0 5px; margin: 0 0 10px; font-size: 1.6em; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #D3CEC9;  }  
#cont h2                            { color: #456DA5 !important; font-weight: bold; margin: 0 0 5px; text-transform: uppercase; clear: both }
#cont p                             { margin-bottom: 12px; line-height: 1.4em; color: #89796A; font-weight: bold }
#cont p[c="green"]                  { color: #7f9d7b } 
#cont p[c="green2"]                  { color: #63845E; font-size: 15px } 
#cont a                             { font-size: inherit; color: #63845E; text-decoration: none }
#cont a:hover                       { font-size: inherit; color: #7f9d7b }
#cont #imgTxt                       { float: left;  margin: 0 10px 0 0 }
#cont img                           { margin: 0; padding: 0 }
#content .left                      { float: left; border: 1px dashed #D3CEC9; padding: 10px; margin-right: 20px }
#content .foto                      { float: left; border: 1px dashed #D3CEC9; padding: 10px; margin-right: 10px; background: #fff }
#content .right                     { float: right; border: 1px dashed #D3CEC9; padding: 10px; margin: 0 }
#content .rightcontato              { float: right; border: 1px dashed #D3CEC9; padding: 10px; margin: 200px 50px 0 0 }
#content .leftevento                { width: auto; float: left; height: 394px }
#content .rightcontato label        { color: #A19E9A; font-size: 15px; margin-bottom: 16px; text-align: center; font-weight: bold }
#content .rightcontato a            { color: #A19E9A; text-decoration: none; font-size: 16px; font-weight: normal; text-align: center }
#content .rightcontato a:hover      { color: #456DA5; text-decoration: none; font-size: 16px }

.gal                                { height: 122px; clear: both; display: table }

/** DEFINIÇÕES Table **/
table.grid							{ background-color: #fff; padding: 0; margin: 10px 0; border-collapse: collapse; font-size: 8pt; width: 100%; border: solid 1px #ebebeb; clear: both !important }
table.grid caption					{ font-weight: bold; font-size: 9pt; padding: 0.5em 0 0.5em 0; margin: 0; text-align: left; }
table.grid tr.header,
table.grid thead					{ background-color: #CEC9C4 !important; color: #89796A; text-align: center; text-transform: uppercase; height: 21px; vertical-align: middle !important }
table.grid tr.selected				{ background-color: #DFDFDF }
table.grid tbody					{ color: #606060 }
table.grid tfoot					{ background-color: #dcdcdc; color: #808080 }
table.grid tfoot span				{ font-size: 8pt }
table.grid th						{ font-weight: bold; padding: 0.4em 0.5em 0.4em 0.5em; text-transform: uppercase; border: solid 1px #ebebeb; vertical-align: middle !important }
table.grid td						{ font-weight: normal; padding: 0.4em 0.5em 0.4em 0.5em; text-transform: uppercase; border: solid 1px #ebebeb; vertical-align: middle !important }
table.grid td a						{ color:#606060; font-size:11px}
table.grid td.left					{ text-align: left }
table.grid td.center				{ text-align: center }
table.grid td.right					{ text-align: right }
table.grid tr:nth-child(2n+1)		{ background-color: #EAE7E3 }

/** DEFINIÇÕES FOOTER **/
#footer				                { width: 100%; height: 30px !important; margin: 10px auto 0; background-color: #7F9D7B; padding: 3px 0; display: table; position: absolute; bottom: 0; z-index: 999; *position: fixed }
#footer div                         { width: 980px; height: 30px; margin: 0 auto; position: relative }
#footer div #redesocial             { position: relative; width: auto; height: 32px; top: 0; right: 5px; float: right }
#footer div #redesocial a           { margin: 0 5px 0 0 }
#footer p			                { color: #FFF; font-size: 13px; text-align: left; width: auto; margin: 9px 0 0 5px; float: left }
#footer p a                         { font-size: inherit; *font-size: 13px }
#footer a			                { color: #FFF; font-weight: bold; text-decoration: none }
#footer a:hover		                { text-decoration: underline }
#footer #tel                        { width: auto; position: relative; right: 10px; float: right }
#footer #tel a                      { float: left; font-size: 15px; color: #fff; padding-top: 7px }
#footer #tel a:hover                { color: #63845E; text-decoration: none }

/** DEFINIÇÕES BOTÕES **/
.botao                              { font-family: Arial, Helvetica, Sans-Serif; float: left; font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; background-color: #63845E; border: 1px solid #7f9d7b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: #909090 0px 0px 5px; -moz-box-shadow: #909090 0px 0px 5px; box-shadow: #909090 0px 0px 5px; behavior: url(/Util/Css/Duet.htc); padding: 4px 20px 4px 20px !important; *padding: 1px 3px; cursor: pointer; margin: 5px 0 20px 5px; outline-style: none }
.botao:hover                        { background: #7f9d7b; border: 1px solid #63845E }

/*************************************************************
Definições de UI-Dialog do JQuery
*************************************************************/
.ui-widget-overlay              { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background: #aaaaaa; opacity: 0.3; filter:Alpha(Opacity=30); z-index: 9996 !important }
.ui-dialog                      { border:solid 1px #000; margin: 0 auto !important; background-color:#ffffff; z-index: 9999 !important; position: fixed; top: 40% }
.ui-dialog-titlebar             { margin:0; padding:5px; background-color:#7f9d7b; color:#FFFFFF !important; font-weight:bold; font-size:10pt; cursor: default }
.ui-dialog-titlebar-close       { background: url('Images/close.gif') !important; border: none; width: 16px !important; height: 16px !important; cursor: pointer; position: absolute; right: 5px; top: 2px; outline: none !important }
.ui-dialog-content              { overflow: auto; padding: 10px; font-family: Arial, Sans-Serif; font-size: 10pt; color: #89796A; text-transform: none }
.ui-dialog-content p            { font-family: Arial, Sans-Serif; font-size: 10pt; color: #89796A; text-transform: none }
.ui-dialog-title                { color: #fff !important }